<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HH2o4 Demos Home</title>
  <style type="text/css">
    * {
      margin:0;
      padding:0;
    }
    header {
      height: 60px;
      background-color: #333;
      font-size: 30px;
      line-height: 60px;
      font-family: "微软雅黑";
      color: white;
      text-align: center;
    }

    footer {
      height: 30px;
      background-color: #333;
      font-size: 15px;
      line-height: 30px;
      font-family: "微软雅黑";
      color: white;
      text-align:center; 
    }

    ul{
      min-height: 650px;
      margin:20px 30px;
    }

    a {
      text-decoration: none;
      font-size: 30px;
      color:black;
    }

    a:hover {
      color: purple;
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <header>前端小作品书架</header>
  <ul>
    <li><a href="edit_code.html">简易代码编辑器</a></li>
  </ul>
  <footer>©CopyRight  hh2o4</footer>
</body>
</html>